function initControls()
{
	var store = new Ext.data.SimpleStore({
        fields: ['abbr', 'state'],
        data :[
	        ['AL', 'blue'],
	        ['AK', 'gray'],
	        ['AZ', 'blueen']
        ]

    });
    combo = new Ext.form.ComboBox({
        store: store,
        displayField:'state',
        //typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        //'collapse': updateStyle,
        //emptyText:'Select a state...',
        //selectOnFocus:true,
        //forceSelection:true,
        renderTo: 'divStyleSelector'
    });
  

    
    
	messageTabs = new Ext.TabPanel(
	{
		renderTo: 'divTextMessages',
		activeTab: 0,
		autoDestroy: true,
		autoScroll: true,
		resizeTabs:true,
        minTabWidth: 115,
        tabWidth:135,
        enableTabScroll:true,
        width:600,
        height:250,
        defaults: {autoScroll:true},
        plugins: new Ext.ux.TabCloseMenu(),
		items: [{
	        title: 'Startseite',
	        html: 'Hier koennte ein Tutorial stehen!!'
	    }]
	});
	 
	messageTabs.on('tabchange', onTabChange);
	
	contactGrid = new Ext.grid.GridPanel(
	{
		store: new Ext.data.Store({
			data: contactList,
			reader: new Ext.data.ArrayReader({},[{name: 'status'},{name: 'name'}])}),
		columns:[
			{header: '', width: 20, sortable: false, dataIndex: 'status'},
			{header: 'Name', width: 50, sortable: false, dataIndex: 'name'}],
		viewConfig: {forceFit: true},
		renderTo: 'divContacts',
		title: 'Kontaktliste',
		selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
		width: 200,
		autoHeight: true,
		frame: true
	});
	
	contactGrid.getSelectionModel().selectFirstRow();
	
	contactGrid.on('rowclick', onContactClick);
	
    new Ext.Button({
        text: 'Logout',
        handler: logout,
        renderTo:'divLogout'
    });
    
    new Ext.Button({
        text: '+',
        handler: function(){extensionWindow.show();},
        renderTo:'divExtendContactBtn'
    });
    
    new Ext.Button({
        text: '-',
        handler: reduceContact,
        renderTo:'divReduceContactBtn'
    });
    
    new Ext.Button({
        text: 'Abschicken',
        handler: sendTextMessage,
        renderTo:'divSendTextBtn'
    });
    
    new Ext.form.Field({
        id:'textInputBox', 
        inputType:'text',
        renderTo:'divSendTextBtn'
    });

	var extensionPanel = new Ext.Panel({ 
        labelWidth:80,
        frame:true, 
        title:'Benutzer hinzufuegen', 
        items:[new Ext.form.Field({
        	id:'extensionUserNameField',
        	inputType:'text'
        })],
        buttons:[new Ext.Button({
        	text: 'Hinzufuegen',
        	handler: extendContact
        })],
		monitorValid:true
	});
    
	extensionWindow = new Ext.Window({
        layout:'fit',
        width:200,
        height:130,
        closable: true,
        resizable: true,
        plain: true,
        closeAction: 'hide',
        items: [extensionPanel],
        border: false
	});
	
	new Ext.Button({
        text: 'Style anpassen',
        handler: updateStyle,
        renderTo:'divUpdateStyle'
    });
}